<!-- 质保登录 -->
<template>
	<view class="content">
		<u-image width="100%" :mode="'aspectFill'" height="450rpx" src="https://xdsbz.com:802/prod-api/profile/upload/my/1.jpg"></u-image>
		<view class="form">
			<view class="title">
				服务商登录
			</view>
			<view class="card">
				<u-form :model="form" ref="uForm">
					<u-form-item label-width="200"><input v-model="form.leNumber"
							placeholder="请输入账号/手机号" /></u-form-item>
					<u-form-item label-width="200"><input v-model="form.lePassword" placeholder="请输入密码"
							type="password" :clearable="false" /></u-form-item>
					<u-button style="margin-top: 50rpx" type="primary" @click="submit(form)">登录</u-button>
				</u-form>
			</view>
			<div style="color: red;">
				<u-checkbox style="display: inline-block;" v-model="checkboxValue" label="同意以下条款和条件"></u-checkbox>
				<div style="display: inline-block;">我同意以下<a href="#" style="display: inline-block;">[用户服务协议]</a>与<a href="#"
						style="display:inline-block;">[个人信息保护政策]</a></div>
			</div>
			<view>
				<div style="color: #fff;border:1px solid #fff;border-radius: 3px;margin-top: 0.2em;">
					<div style="text-align: center;">[用户服务协议]与[个人信息保护政策]</div>
					为有效保障您使用本服务的合法权益，您理解并同意接受以下规则:</br>
					1.您通过包括但不限于以下方式向服贸会数字平台发出的指令，均视为您本人的指令，不可撤回或撤销，您应自行对服贸会数字平台执行前述指令所产生的任何结果承担责任</br>
					2.通过您的服贸会数字平台账户和密码进行的所有操作:</br>
					通过与您的账号绑走的手机号码向服贸会数字平台发送的全部信息</br>
					3.通过与您的账号绑定的其他硬件、终端、软件、代号、编码、代码、其他账户名等有形体或无形体向服贸会数字平台发送的信息:</br>
					4.其他服贸会数字平台与您约走或服贸会数字平台认可的其他方式。</br>
				</div>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		url
	} from '@/common/index.js'
	import {
		leagueLogin,
		getBg
	} from "@/common/api.js"
	export default {
		data() {
			return {
				checkboxValue:false,
				src: "",
				form: {
					leNumber: "",
					lePassword: "",
				}
			}
		},
		created() {
			this.getBg()
		},
		methods: {
			async submit(form) {
				if (this.checkboxValue == false) {
					uni.showToast({
						title: '请同意用户协议！',
						icon:'error',
						duration: 2000
					}); 
					return;
				}
				form.leStatus = 1;
				if(form.leNumber == "" || form.lePassword == "" )return this.$util.showTost("登录信息不能为空!")
				let data = await leagueLogin(form)
				if (data.code == 200 && data.rows.length > 0) {
					uni.setStorageSync("enterInfo",data.rows[0])
					uni.redirectTo({
						url:"/pagesIndex/index/enterFrom",
					})
				} else {
					this.$util.showTost("未查到代理商信息!")
				}

			},
			async getBg() {
				let data = await getBg(124)
				console.log(data);
				this.src = url + data.rows[0].baUrl
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #222;
	}

	.card {
		background-color: #fff;
	}

	.form {
		margin: 30rpx;
		border-radius: 15rpx;
		background-color: #444444;
		border-radius: 20rpx;
		animation: moveRight 2s;
		/* 动画名称，持续时间，迭代次数 */
	}

	/* 定义动画 */
	@keyframes moveRight {
		from {
			transform: translateY(-200rpx);
		}

		to {
			transform: translateY(0);
			/* 从当前位置平移100像素 */
		}
	}

	.title {
		padding: 20rpx;
		color: #fff;
	}

	/deep/.u-form {
		padding: 20rpx 20rpx;
	}

	::deep .u-btn--primary {
		background-color: #222;
		color: #fff;
		opacity: 0.8;
		border: 1rpx solid #444444;
		margin-top: 30rpx;
		border-radius: 50rpx;
	}
</style>